<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
    [v-clock]{display:none}
  </style>
</head>
<body>
  <div class="app">
    <h2 v-clock> {{ title }} </h2>
    <ul>
      <li v-clock v-for="(item,idx) in list">{{item}} - {{idx}}</li>
    </ul>
  </div>
</body>
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
<script>
  // console.log(Vue);

  // 视图：提供一个根元素，被Vue管理，控制

  // 逻辑
  const app = Vue.createApp({
    data(){
      return {
        title: "hello Vue",
        list: ["张三","李四","王二","赵五","钱六"]
      }
    }
  });

  const vm = app.mount(".app");

  // 视图模型
  console.log(vm);

</script>
</html>